<!-- 登录页面 -->
<template>
  <div class="login">
    <aside>
      <h2>后台管理登录</h2>
      <panel :activeName="activeName"></panel>
    </aside>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import Panel from './cpns/login-panel.vue'

const activeName = ref('account')
</script>
<style lang="less" scoped>
.login {
  width: 100%;
  height: 100vh;
  background: url(@/assets/img/bg.png) no-repeat;
  background-size: cover;
  position: relative;

  aside {
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%);

    h2 {
      text-align: center;
    }
  }
}
</style>
